<template>
  <div>
    <el-pagination
      background
      layout="pager,next,sizes"
      :total="total"
      :page-size="20"
      @current-change="changePage"
    >
    </el-pagination>
  </div>
</template>

<script>
export default {
  data () {
    return {
      // 数据总数
      total: 100
    }
  },
  methods: {
    // 翻页
    changePage (currPage) {
      console.log(`当前翻到第:${currPage}页`)
      // 根据页码求情下一页数据...
    }
  }
}
</script>

<style lang="less" scoped>
</style>
